import React,{Component} from 'react';
import {
    StyleSheet,
    View,
    ScrollView,
    Text,
    StatusBar,
    TouchableWithoutFeedback,
} from 'react-native';
import Header from './header/Header';
export default class ChooseType extends Component{
    constructor(props) {
        super(props);
        // 初始状态
        this.state = {
         	
        };
    }
    render(){
    	const { params } = this.props.navigation.state;
        const {navigate,goBack,state} = this.props.navigation;
        let barHeight = StatusBar.currentHeight;
        return (
            <View style={{
                flex: 1,
                // paddingTop: barHeight, 
                backgroundColor: '#fcf8f9'
            }}>
            	<Header 
        			// hesder标题
        			title='私人订制' 
        			// hesder是否显示返回按钮
	        		isShowBack={true}
	        		// hesder按钮返回操作
	        		goBack={goBack}
        		/>
        		<ScrollView>
					<View style={{padding: 12, flexDirection: 'row'}}>
                        <TouchableWithoutFeedback onPress={()=>navigate('ConfirmOrder')}>
    						<View style={styles.child}>
    							<Text style={{fontSize: 14, color: '#262626'}}>女装皮鞋</Text>
    						</View>
                        </TouchableWithoutFeedback>
                        <TouchableWithoutFeedback onPress={()=>navigate('ConfirmOrder')}>
    						<View style={styles.child}>
    							<Text style={{fontSize: 14, color: '#262626'}}>男装皮鞋</Text>
    						</View>
                        </TouchableWithoutFeedback>
                        <TouchableWithoutFeedback onPress={()=>navigate('ConfirmOrder')}>
    						<View style={styles.child}>
    							<Text style={{fontSize: 14, color: '#262626'}}>儿童鞋</Text>
    						</View>
                        </TouchableWithoutFeedback>
					</View>
        		</ScrollView>
            </View>
        );
    }
}

const styles = StyleSheet.create({
    child: {
    	minWidth: 80, 
    	height: 32, 
    	backgroundColor: '#b5c6fe', 
    	borderRadius: 8, 
    	borderWidth: 1, 
    	borderColor: '#262626', 
    	justifyContent: 'center', 
    	alignItems: 'center',
    	marginRight: 12
    },
})